<style type="text/css">
	.container .nav .layui-row ul{
		display: flex;
	}
	.container .nav .layui-row ul li{
		flex: 1;
		text-align: center;
	}
</style>
<div class="nav">
	<div class="layui-row">
	    <div class="layui-col-xs6 layui-col-md12">
	    	<ul class="layui-nav layui-bg-blue">

	    		<!-- 首页 -->
				<li class="layui-nav-item {if condition="($index==1)"}layui-this{/if}"><a href="/">首页</a></li>

				<!-- 导航栏目 -->
				{volist name='categoryList' id='vo' offset="0" length='6'}
				<li class="layui-nav-item {if condition="($vo.id == $cid)"} layui-this {/if}">
					<a href="{:url('index/more')}?id={$vo.id}">{$vo.name}</a>
					<dl class="layui-nav-child">
						{foreach $vo.article as $art}
					  		<dd><a href="{:url('article/getarticledetail')}?id={$art.id}" target="_blank">{$art.title}</a></dd>
					  	{/foreach}
					</dl>
				</li>
				{/volist}

				<!-- 新闻 -->
				<li class="layui-nav-item {if condition="($nav == 'news')"}layui-this{/if}">
					<a href="/index/News/newsList.html">新闻动态</a>
					<dl class="layui-nav-child">
					{volist name='nCategory' id='vnc'}
					  	<dd><a href="/index/News/newsList.html?id={$vnc.id}" target="_blank">{$vnc.name}</a></dd>
					{/volist}
					</dl>
				</li>

				<!-- 导航栏目 -->
				{volist name='categoryList' id='vo' offset="7" }
				<li class="layui-nav-item {if condition="($vo.id == $cid)"}layui-this{/if}">
					<a href="">{$vo.name}</a>
					<dl class="layui-nav-child">
						{foreach $vo.article as $art}
					  		<dd><a href="{:url('article/getarticledetail')}?id={$art.id}" target="_blank">{$art.title}</a></dd>
					  	{/foreach}
					</dl>
				</li>
				{/volist}

				<!-- 联系我们 -->
				<li class="layui-nav-item {if condition="($nav=='connect')"}layui-this{/if}">
					<a href="/index/index/connect">联系我们</a>
				</li>
			</ul>
	    </div>
	</div>
</div>
